<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/facelets/templates/zona-interna-login.xhtml">
	<ui:define name="title">Ingreso al Sistema </ui:define>
	<ui:define name="nameForm"> Sistema de venta de repuestos por internet </ui:define>

	<ui:define name="content">
		<f:metadata>
			<f:event type="preRenderView"
				listener="#{loginController.preRenderizacionLoginInterno}"></f:event>
		</f:metadata>
		<p:growl id="growl" showDetail="true" sticky="false" life="4500"
			globalOnly="true" />
		<h:form id="formLogin" prependId="false">
			<div>
				<div class="bloque">
					<div align="center">
						<h:graphicImage style="height:88px; width:55px; " library="images"
							name="icon-person-login.jpg"></h:graphicImage>

					</div>
					<div align="center" class="divPanelGrid">
						<h:panelGrid columns="2">
							<h:outputLabel style="font-size:13px;margin-top:0px;"
								styleClass="label-general">Usuario: <span>(
									* )</span>
							</h:outputLabel>
							<p:inputText style="margin-top:0px;"
								styleClass="input-general input-general-login"
								value="#{loginController.usuario.usuario}" id="usuario"
								required="true" requiredMessage="Usuario: Requerido" maxlength="30">
								<f:validator validatorId="alfanumericoValidator"></f:validator>
								<f:attribute name="campo" value="Usuario" />
								<p:ajax update="msgUsuario" />
							</p:inputText>
							<h:outputLabel style="font-size:13px;margin-top:15px;"
								styleClass="label-general">Contrase&#241;a: <span>(
									* )</span>
							</h:outputLabel>
							<p:password style="margin-top:15px;" requiredMessage="Contrase&#241;a: Requerida"
								styleClass="input-general input-general-login" required="true"
								value="#{loginController.usuario.contrasenia}" id="contrasenia"
								maxlength="30">
								<p:ajax update="msgContrasenia" />
								<f:attribute name="campo" value="Contrase&#241;a" />
							</p:password>
						</h:panelGrid>


					</div>
						
					<div class="panelMessages" align="center" style="margin:auto;  margin-top:15px; width: 200px;">
						<p:message id="msgUsuario" for="usuario" />
						<p:message id="msgContrasenia" for="contrasenia" />
						
					</div>

					<br />
				</div>
				<br />
				<div align="center">
					<p:commandButton icon="ui-icon-key" styleClass="butonSmall"
						type="Submit" ajax="true"
						action="#{loginController.iniciarSessionInterno}"
						update=":growl,:formLogin" value="Ingresar" />
					<span>&#160;&#160;</span>
					<p:commandButton icon="ui-icon-arrowrefresh-1-e" value="Limpiar" process="@this"
						styleClass="butonSmall" action="#{loginController.limpiar}"
						update="@form" />
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>